<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>一号轴承网(www.01bearing.com)是全球进口轴承交易网站,为轴承经销商和终端用户生产厂商提供进口轴承、轴承采购、轴承供应商和轴承价格,是中国领先的轴承交易网站和轴承交易平台。</title>
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="/img/logo.ico" type="image/x-icon">
    <meta name="description" content="电子交易平台" />
    <script src="/js/jquery.min.js" type="text/javascript"></script>
    <link href="/css/front/style.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.min.css?v=3.3.6"
          th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
    <style>
        .box_con ul:nth-child(odd){ background:#fff; }
        .box_con ul:nth-child(even){ background:#eee;}
        h2{margin-top: 5px}
    </style>
</head>
<body style="zoom: 1;">
<div class="top">
    <div class="top_m b-r-s">
        <div class="top_l">
            <span>欢迎来到“<a href="/front/index">一号轴承网”</a></span>
            <span th:if="${!isLogin}">
                <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/login">登录</a>
                <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/front/register">免费注册</a>
            </span>
            <span th:if="${isLogin}">
                <span shiro:hasRole="member">
                    <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/member/welcome">会员中心</a>
                </span>
                <span shiro:hasRole="admin">
                    <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/member/welcome">后台管理</a>
                </span>
            </span>
        </div>
    </div>
    <span style="float: right;padding-right: 30px;" th:if="${isLogin}">
        <a  style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/logout">退出</a>
    </span>
</div>
<div th:replace="include::header1">
</div>

<div class="content">
    <div class="box_f">
        <div class="box_l">
            <!--采购-->
            <div class="box_l">
                <div class="box hotinfo">
                    <h2 class="box_tit"><span>商情咨讯</span></h2>
                    <div class="box_con hydt">
                        <dl class="newspic">
                            <dt><a href="#"><img src="http://img.114ic.com/img/hydt8075.jpg" alt="行业动态" width="80" height="75"></a></dt>
                            <dd>
                                <a target="_blank" title="轴承字母代号意义" href="/front/news/17">轴承字母代号意义</a>
                            </dd>
                        </dl>
                        <ul class="newslist"><li><span>[<a title="新闻" href="#">资讯</a>]</span><a target="_blank" title="轴承基本结构解析、图例" href="/front/news/20">轴承基本结构解析、图例</a></li>
                            <li><span>[<a title="行业新闻" href="#">资讯</a>]</span><a target="_blank" title="常用轴承特点介绍" href="/front/news/18">常用轴承特点介绍</a></li>
                            <li><span>[<a title="企业新闻" href="#">资讯</a>]</span><a target="_blank" title="轴承安装的注意事项" href="/front/news/16">轴承安装的注意事项</a></li>
                            <li><span>[<a title="企业新闻" href="#">资讯</a>]</span><a target="_blank" title="这9类轴承的安装方法，你可都知道？有哪些需要注意的呢？" href="/front/news/19">这9类轴承的安装方法，你可都知道？有哪些需要注意的呢？</a></li>
                        </ul>
                    </div>
                </div>
                <div class="focus_pic">
                    <div class="ad11">
                        <ul class="slide-pic">
                            <li class="cur" style="display: list-item;"> <a href="#" target="_top"> <img alt="" src="/images/lunxun/20180506215723.jpg" width="670" height="240" /></a></li>
                            <li class="" style="display: none;"><a href="#" target="_top"> <img alt="" src="/images/lunxun/20180506215737.jpg" width="670" height="240" /></a></li>
                            <li class="" style="display: none;"><a href="#" target="_top"> <img alt="" src="/images/lunxun/image2.jpg" width="670" height="240" /></a></li>
                            <li class="" style="display: none;"><a href="#" target="_top"> <img alt="" src="/images/lunxun/20180506215748.jpg" width="670" height="240" /></a></li>
                            <li class="" style="display: none;"><a href="#" target="_top"> <img alt="" src="/images/lunxun/20180506215753.jpg" width="670" height="240" /></a></li>
                            <li class="" style="display: none;"><a href="#" target="_top"> <img alt="" src="/images/lunxun/20180506215758.jpg" width="670" height="240" /></a></li>
                            <li class="" style="display: none;"><a href="#" target="_top"> <img alt="" src="/images/lunxun/20180506215803.jpg" width="670" height="240" /></a></li>
                        </ul>
                        <div class="slide">
                            <ul class="slide-li slide-txt">
                                <li class="cur"><a href="#">1</a></li>
                                <li class=""><a href="#">2</a></li>
                                <li class=""><a href="#">3</a></li>
                                <li class=""><a href="#">4</a></li>
                                <li class=""><a href="#">5</a></li>
                                <li class=""><a href="#">6</a></li>
                                <li class=""><a href="#">7</a></li>
                            </ul>
                        </div>
                        <script>jQuery(function ($) {adpicstart("ad11");});</script>
                    </div>
                </div>
            </div>
            <!--ad16-->
        </div>

        <div class="box_r">
            <div class="box login">
                <div th:if="${!isLogin}">
                    <h2 class="box_tit"><span class="cgtit">会员登录</span><a rel="nofollow" href="/front/findpassword" class="login_pr">忘记密码</a></h2>
                    <div class="box_con_login">
                        <form action="/login" method="post" name="loginForm" target="_top" id="loginForm">
                            <span class="login_p"><label>账  号：</label><input class="form-control" onblur="check1(this.value)" maxlength="20" name="username" /><span id="tp1"></span> </span>
                            <span class="login_p"><label>密  码：</label><input class="form-control" onblur="check2(this.value)" maxlength="16" type="password" name="password" /><span id="tp2"> </span> </span>
                            <span class="login_p">
                                <a rel="nofollow" href="/front/register">免费注册</a>
                                <input value="登 录" type="button" id="denglu" class="btn" name="submit" onclick="login()"/>
                            </span>
                        </form>
                    </div>
                </div>
                <div th:if="${isLogin}">
                    <h2 class="box_tit"><span class="cgtit">会员信息</span></h2>
                    <div class="box_con_login">
                        <span class="login_p">会员账号：<span class="linput" th:text="${user.userAccount}"></span></span>
                        <span class="login_p">会员姓名：<span class="linput" th:text="${user.userName}"></span></span>
                        <span class="login_p">会员等级：<span class="linput" th:text="${user.memberLevel==1?'普通会员':user.memberLevel==2?'高级会员':user.memberLevel==3?'vip会员':'非会员'}"></span></span>
                        <span class="login_p" shiro:hasRole="member">
                            <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/member/welcome">会员中心</a>
                        </span>
                        <span class="login_p" shiro:hasRole="admin">
                            <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/member/welcome">后台管理</a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box_f">
        <div class="box_l">
            <!--展会-->
            <div class="box">
                <h2 class="box_tit"><span class="cgtit">采购信息</span></h2>
                <div class="box_con">
                    <ul class="cg_tit"  style="background-color: #fff198">
                        <li style="margin-left: 5px;">型号</li>
                        <li>品牌</li>
                        <li>类型</li>
                        <li>数量</li>
                        <li>时间</li>
                    </ul>
                    <ul class="cg_list" th:each="demand,iterStat:${commonList}">
                        <li style="margin-left: 5px;"  th:text="${demand.model==null?'&nbsp;':demand.model}"></li>
                        <li th:text="${demand.brand==null?'&nbsp;':demand.brand}"></li>
                        <li th:text="${demand.type==null?'&nbsp;':demand.type}"></li>
                        <li th:text="${demand.number==null?'&nbsp;':demand.number}"></li>
                        <li th:text="${demand.createTime==null?'':#dates.format(demand.createTime,'yyyy-MM-dd')}"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="box_r">
            <!--推荐企业-->
            <div class="box">
                <h2 class="box_tit"><span class="cgtit">推荐企业</span></h2>
                <div class="box_con">
                    <ul id="tjqy" class="conul_r" th:each="company,iterStat:${recommendCompanyList}">
                        <li><a th:title="${company.companyName}" target="_top" th:href="${company.webSite}" href="#" th:text="${company.companyName}">深圳市东芯电子有限公司</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="box_f">
            <!--展会-->
        <div class="box">
            <h2 class="box_tit"><span class="cgtit">热卖产品</span></h2>
            <div class="box_con">
                <ul class="cg_tit7" style="background-color: #ffffa4">
                    <li style="width: 25%;margin-left: 5px;">公司</li>
                    <li style="width: 10%;">型号</li>
                    <li style="width: 10%;">品牌</li>
                    <li style="width: 15%;">类型</li>
                    <li style="width: 5%;">数量</li>
                    <li style="width: 5%;">单价</li>
                    <li style="width: 10%;">时间</li>
                    <li style="width: 15%;">备注</li>
                </ul>
                <ul class="cg_list7" th:each="product,iterStat:${hotsellList}">
                    <li  style="width: 25%;margin-left: 5px;" >
                        <a  data-toggle="tooltip"  th:title="${product.company==null?'&nbsp':product.company}" th:href="@{'/front/'+${product.userAccount}}" th:text="${product.company==null?'&nbsp':#strings.abbreviate(product.company,23)}"></a>
                    </li>
                    <li  data-toggle="tooltip" style="width: 10%;" th:title="${product.model==null?'&nbsp':product.model}">
                        <span th:text="${product.model==null?'&nbsp':#strings.abbreviate(product.model,18)}"></span>
                        <img src="/img/remai.jpeg" width="30px" height="15px">
                    </li>
                    <li data-toggle="tooltip" style="width: 10%;" th:title="${product.brand==null?'&nbsp':product.brand}" th:text="${product.brand==null?'&nbsp':#strings.abbreviate(product.brand,13)}"></li>
                    <li data-toggle="tooltip" style="width: 15%;" th:title="${product.type==null?'&nbsp':product.type}" th:text="${product.type==null?'&nbsp':#strings.abbreviate(product.type,13)}"></li>
                    <li data-toggle="tooltip" style="width: 5%;" th:title="${product.number==null?'&nbsp':product.number}" th:text="${product.number==null?'&nbsp':#strings.abbreviate(product.number,13)}"></li>
                    <li data-toggle="tooltip" style="width: 5%;" th:title="${product.unitPrice==null?'&nbsp':product.unitPrice}"  th:text="${product.unitPrice==null?'&nbsp':#strings.abbreviate(product.unitPrice,13)}"></li>
                    <li style="width: 10%;" th:text="${product.uploadTime==null?'':#dates.format(product.uploadTime,'yyyy-MM-dd')}"></li>
                    <li data-toggle="tooltip" style="width: 15%;" th:title="${product.note==null?'&nbsp':product.note}" th:text="${product.note==null?'&nbsp':#strings.abbreviate(product.note,13)}"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="box_f">
        <div class="box">
            <img src="/images/guanggao/midad1.gif"><img src="/images/guanggao/midad2.gif">
        </div>
    </div>
    <div class="box_f">
        <div class="box_l">
            <div class="box">
                <h2 class="box_tit"><span class="cgtit">最新库存</span></h2>
                <div class="box_con">
                    <ul class="cg_tit7" style="background-color: #ffffa4">
                        <li style="width: 25%;margin-left: 5px;">公司</li>
                        <li style="width: 10%;">型号</li>
                        <li style="width: 10%;">品牌</li>
                        <li style="width: 15%;">类型</li>
                        <li style="width: 5%;">数量</li>
                        <li style="width: 5%;">单价</li>
                        <li style="width: 10%;">时间</li>
                        <li style="width: 15%;">备注</li>
                    </ul>
                    <ul class="cg_list7" th:each="product,iterStat:${productList}">
                        <li  style="width: 25%;margin-left: 5px;" >
                            <a data-toggle="tooltip" th:title="${product.company==null?'&nbsp':product.company}" th:href="@{'/front/'+${product.userAccount}}" th:text="${product.company==null?'&nbsp':#strings.abbreviate(product.company,23)}"></a>
                        </li>
                        <li data-toggle="tooltip" style="width: 10%;" th:title="${product.model==null?'&nbsp':product.model}" th:text="${product.model==null?'&nbsp':#strings.abbreviate(product.model,18)}"></li>
                        <li data-toggle="tooltip" style="width: 10%;" th:title="${product.brand==null?'&nbsp':product.brand}" th:text="${product.brand==null?'&nbsp':#strings.abbreviate(product.brand,13)}"></li>
                        <li data-toggle="tooltip" style="width: 15%;" th:title="${product.type==null?'&nbsp':product.type}" th:text="${product.type==null?'&nbsp':#strings.abbreviate(product.type,13)}"></li>
                        <li data-toggle="tooltip" style="width: 5%;" th:title="${product.number==null?'&nbsp':product.number}" th:text="${product.number==null?'&nbsp':#strings.abbreviate(product.number,13)}"></li>
                        <li data-toggle="tooltip" style="width: 5%;" th:title="${product.unitPrice==null?'&nbsp':product.unitPrice}"  th:text="${product.unitPrice==null?'&nbsp':#strings.abbreviate(product.unitPrice,13)}"></li>
                        <li style="width: 10%;" th:text="${product.uploadTime==null?'':#dates.format(product.uploadTime,'yyyy-MM-dd')}"></li>
                        <li data-toggle="tooltip" style="width: 15%;" th:title="${product.note==null?'&nbsp':product.note}" th:text="${product.note==null?'&nbsp':#strings.abbreviate(product.note,13)}"></li>

                    </ul>
                </div>
            </div>
        </div>
            <!--友情链接-->
        <div class="box_r">
            <div class="box">
                <h2 class="box_tit"><span class="cgtit">最新注册公司</span></h2>
                <div class="box_con">
                    <ul id="tjqy" class="conul_r" th:each="company,iterStat:${latestCompanyList}">
                        <li><a th:title="${company.companyName}" target="_top" th:href="${company.webSite}" href="#" th:text="${#strings.abbreviate(company.companyName,23)}">深圳市东芯电子有限公司</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="box_f">
        <div class="box">
            <h2 class="box_tit"><span class="cgtit">轴承样式</span></h2>
            <div class="box_con">
                <div class="sdcontent fleft ">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/sgq_logo.jpg" alt="深沟球轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>深沟球轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;主要承受径向载荷，也可同时承受径向载荷和轴向载荷。适用于高转速而且非常耐用。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/txq_logo.jpg" alt="调心球轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>调心球轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;主要承受径向载荷，同时可承受较小轴向载荷。运行温度－ 30 ℃ 至+ 120 ℃ 之间。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/tlq_logo.jpg" alt="推力球轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>推力球轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;按受力情况分单向推力球轴承和双向推力球轴承。不能承受径向负荷，极限转速较低。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/jjc_logo.jpg" alt="角接触球轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>角接触球轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;可同时承受径向和轴向负荷。能在较高转速下工作。安装前应清洗干净，晾干再加注适量油脂。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/txgz_logo.jpg" alt="调心滚子轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>调心滚子轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;两列滚子承受较高径向载荷，特别适用重载或振动载荷。调心性能良好，能补偿同轴度误差。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/yzgz_logo.jpg" alt="圆柱滚子轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>圆柱滚子轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;主要承受较高径向负荷。承受重负荷与冲击负荷，也适用于高速旋转。安装与拆卸非常方便。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/yzhgz_logo.jpg" alt="圆锥滚子轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>圆锥滚子轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;承受径向载荷为主的径向与轴向联合载荷，与角接触球轴承相比，承载能力大，极限转速低。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/tlgz_logo.jpg" alt="推力滚子轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>推力滚子轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;承受轴向载荷为主的轴、径向联合载荷，比推力球轴承轴向载荷大得多，转速较推力球轴承低。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/gz_logo.jpg" alt="滚针轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>滚针轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;特别适用于径向安装尺寸受限制的支承结构。仅能承受径向载荷。安装前应注入适量的润滑脂。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/gunlun_logo.jpg" alt="滚轮轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>滚轮轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;外圈壁较厚的满装圆柱滚子轴承，外径面有圆柱形和弧形。密封充填润滑脂，用户可免润滑。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/bobijcgz_logo.jpg" alt="薄壁交叉滚子轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>薄壁交叉滚子轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;特别适于空间有限，旋转精度要求较高的设备。承受较大径向、轴向及力矩等所有方向的负荷。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/lxgzzc_logo.jpg" alt="螺旋滚子轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>螺旋滚子轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;具有较大的弹性和径向游隙，能承受较大的冲击径向负荷，不能承受轴向负荷，极限转速低。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/zhaji_logo.jpg" alt="轧机轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>轧机轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;冶金，采矿及其它轧机机架的轧辊颈、滚筒上所用的轴承。常用四列圆柱滚子轴承+止推轴承。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/guanjie_logo.jpg" alt="关节轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>关节轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;由一个有外球面的内圈和一个有内球面的外圈的滑动轴承。一般用于速度较低的摆动运动。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/danxiang_logo.jpg" alt="单向轴承"></a></div>
                        <div class="shop_zy_content">
                            <a ><b>单向轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;一个方向上可以自由转动，而在另一个方向上锁死的轴承。常用有HF,HFL,CSK系列。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/zhuanpan_logo.jpg" alt="转盘轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>转盘轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;同时承受较大轴、径向和倾覆力矩等综合载荷，起支承、旋转、传动、固定等多功能的大型轴承。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a ><img src="/images/chanpin/zuhe_logo.jpg" alt="组合轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>组合轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;由两种以上滚动体联合承受几个方向载荷。结构紧凑，能限制轴或外壳的轴向位移，转速较低。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/wqm_logo.jpg" alt="外球面轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>外球面轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;深沟球轴承的变型，外圈外径表面为球面，可以配入轴承座相应的凹球面内起到调心的作用。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/bxg_logo.jpg" alt="不锈钢轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>不锈钢轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;机械强度高、负载能力大，噪音小，耐腐蚀，广泛使用在食品加工，医疗器械，药品机械方面。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/szz_logo.jpg" alt="十字轴轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>十字轴轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;又称十字节，是实现变角度动力传递的机件，用于需要改变传动轴线方向的位置。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/sgzczc_logo.jpg" alt="滚珠丝杠支撑轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>滚珠丝杠支撑轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;由于丝杠主要承受轴向力，大多采用推力角接触球轴承作支承。包括760系列和BS系列等。
                        </div>
                    </div>
                </div>
                <div class="sdcontent fleft " style="margin-top:7px;">
                    <div class="shop_zy_left">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/taocizc_logo.jpg" alt="陶瓷轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>陶瓷轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;具有耐高温、耐寒、耐磨、耐腐蚀、抗磁电绝缘、无油自润滑、高转速等特性。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/zuni_logo.jpg" alt="阻尼轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>阻尼轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;转子的受力存在阻尼缓冲。用于减小轴的振动，提高转子系统的稳定性。
                        </div>
                    </div>
                    <div class="shop_zy_right">
                        <div class="shop_zy_tu"><a><img src="/images/chanpin/zhixian_logo.jpg" alt="直线运动轴承"></a></div>
                        <div class="shop_zy_content">
                            <a><b>直线运动轴承</b></a><br>&nbsp;&nbsp;&nbsp;&nbsp;一种以低成本生产的直线运动系统，用于无限行程与圆柱轴配合使用。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/appjs/front/index.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="/js/plugins/layer/layer.js"></script>
</div>

<div th:replace="include::foot1">
</div>
<div th:replace="include::foot2">
</div>
<script>
    $(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
<script language="javascript" type="text/javascript">
    function check1(username){

        if(username == null || username == ""){
            $("#tp1").text("用户名不能为空");
            $("#tp1").css("color","red");
            $("#username").focus;
            return false ;
        }else {
            $("#tp1").text("");
        }
        return true;
    }
    function check2(password){

        if(password == null || password == ""){
            $("#tp2").text("密码不能为空");
            $("#tp2").css("color","red");
            $("#password").focus;
            return false;
        }else {
            $("#tp2").text("");
        }
        return true;
    }
    function login(){
        var username = $("input[name='username']").val();
        var password = $("input[name='password']").val();
        if(check1(username)&&check2(password)){
            $.ajax({
                url:"/login",
                type:"post",
                data:{username:username,password:password},
                dataType:"json",
                success:function (data) {
                    console.log(data);
                    if (data.code==0){
                        location.reload();
                    }else {
                        layer.msg(data.msg);
                    }
                }
            })
        }
    }

    $(document).keydown(function (event) {
        if (event.keyCode == 13) {
            $("#denglu").click();
        }
    });
</script>
</body>
</html>